<!--
 * @Author: your name
 * @Date: 2020-03-05 14:19:35
 * @LastEditTime: 2020-03-06 11:25:22
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue-components\demo\src\components\MulSearcher.vue
 -->
<template>
  <div class="main-box">
      <search-item :group="search" :index="-1" @delGroup="delGroupFromChild"></search-item>    
  </div>
</template>

<script>
import SearchItem from './SearcherItem';

export default {    
  data() {
    return {
      search: {
        groupOp: "AND",
        rules: [
         
        ],
        // groups: [
        //   {
        //     groupOp: "AND",
        //     rules: [
        //       {
        //         field: "Name",
        //         op: "cn",
        //         data: "三"
        //       },
        //       {
        //         field: "IsFreeze",
        //         op: "eq",
        //         data: "0"
        //       }
        //     ]
        //   }


        
        // ]
      },
    };
  },
  components: {
        SearchItem  
    },
    methods: {
        delGroupFromChild(index){
         console.log("无法删除根解点")
      }
    }
};
</script>

<style  lang="scss" scoped>

.main-box{
    // text-align: left;
    // padding: 4px;
    // border: 1px solid #cccccc;
}
</style>